<script setup lang="ts">
import { RouterView } from 'vue-router';
import Hearder from '@/components/Hearder/index.vue';
import Footer from '@/components/Footer/index.vue';
</script>

<template>
  <div class="outerBox">
    <Hearder />
    <div class="viewContent">
      <RouterView />
    </div>
    <Footer />
  </div>
</template>

<style scoped>
.outerBox {
  background-color: #F2F2F2;
  min-height: 100vh;
  width: 100%;
}

.viewContent {
  position: relative;
  top: 50px;
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 150px;
}</style>
